<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="com.are.odisea.db"%>
<%@ page import="com.are.manejadores.ManejadorNoticias"%>
<%@ page import="com.are.manejadores.ManejadorCategoria"%>
<%@ page import="com.are.entidades.Noticia"%>
<%@ page import="com.are.odisea.Categoria"%>
<%@ page import="java.util.*"%>

<%
	String id = (String) request.getParameter("id");
	db conexion = new db();

	Noticia noticia = new Noticia();
	ManejadorNoticias mn = new ManejadorNoticias(conexion);
	if (mn.Find(id)) {
		noticia = mn.getNoticia();	
	}
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Editar Noticia</title>
<link rel="stylesheet" href="themes/redmond/jquery.ui.all.css">
<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
<script src="js/jquery.js" language="JavaScript"></script>
<script type="text/javascript" src="js/jquery.wysiwyg.js"></script>
<link rel="stylesheet" href="js/jquery.wysiwyg.css" type="text/css" />
<script src="ui/jquery.ui.core.js" language="JavaScript"></script>
<script src="ui/jquery.ui.widget.js" language="JavaScript"></script>
<script src="ui/jquery.ui.button.js"></script>
<script src="ui/jquery.effects.core.js"></script>
<script src="ui/jquery.effects.slide.js"></script>
<script src="ui/jquery.ui.datepicker.js"></script>
<script src="ui/jquery.effects.explode.js"></script>
<script src="ui/jquery.effects.fold.js"></script>
<script src="ui/jquery.effects.slide.js"></script>

<script type="text/javascript">
$(function() {
		$("input:submit, a, button", ".main").button();
		$("input:button, a, button", ".main").button();
		$('#cuerpo').wysiwyg();
		
		$( "#fec_pub" ).datepicker({
			showOn: "button",
			buttonImage: "images/calendar.gif",
			buttonImageOnly: true,
			dateFormat: "yy-mm-dd"
		});
		$( "#fec_pub" ).datepicker( "option", "showAnim", "slide" );
		
		$( "#fec_fin" ).datepicker({
			showOn: "button",
			buttonImage: "images/calendar.gif",
			buttonImageOnly: true,
			dateFormat: "yy-mm-dd"
		});
		$( "#fec_fin" ).datepicker( "option", "showAnim", "slide" );
		
	});

</script>
<script type="text/javascript">
function update(id) {
	var titulo = $("#titulo").val();
	var cuerpo= $("#cuerpo").val();
	var fec_pub=$("#fec_pub").val();
	var fec_fin=$("#fec_fin").val();
	var categoria=$("#categoria").val();
	
	if (titulo == "" || cuerpo == "" || fec_pub == "" || fec_fin == "") {
		alert("Faltan datos para agregar la noticia");
		return;
	}
	
	if (!confirm("Esta seguro de editar la noticia?")) {
		return;
	}
	
	$.post(
			"../SrvNoticias", {
				titulo : titulo,
				cuerpo: cuerpo,
				fec_pub:fec_pub,
				fec_fin:fec_fin,
				categoria:categoria,
				id: id,
				operacion:"modify"
			},
			procesar
		);
	
}

function procesar(resultado) {
	if (resultado == "OK") {
		alert("Noticia actualizada correctamente");
		window.opener.location.reload();
		window.close();
	}else {
		$("#info").html(resultado);
	}
}

</script>
</head>

<body>
	<div class="main">
		<div id="info"></div>
		<form name="form1" id="form1">
			<table>
				<tr>
					<th colspan="2">Editar Noticia</th>
				</tr>
				<tr>
					<td>Categoria</td>
					<td><%=noticia.getNomcategoria() %> <input type="hidden" name="categoria" id="categoria" value="<%= noticia.getCategoria()  %>" /></td>
				</tr>
				
				<tr>
					<td>Titulo Noticia</td>
                	<td><input name="titulo" id="titulo" size="80" value ="<%= noticia.getTitulo() %>"/></td>
                </tr>
                <tr>
                <td>Fecha Publicacion</td>
                <td>
                    <input type="text" id="fec_pub" name="fec_pub" value="<%= noticia.getFec_pub() %>" size="10" />
                </td>
                </tr>
                <tr>
                <td>Fecha Final de publicacion </td>
                <td>
                    <input type="text" class="" id="fec_fin" name="fec_fin" value="<%= noticia.getFec_fin() %>" size="10" />
                </td>
            	</tr>
            <tr>
            	<td colspan="2">Cuerpo de la noticia</td>
            </tr>
            <tr>
                <td colspan=2>
                    <textarea rows="15" cols="80" id="cuerpo" name="cuerpo"><%= noticia.getCuerpo() %></textarea>
                </td>
            </tr>

				<tr class="odd">
					<td colspan=2>
					<input type="button" name="cmd_agregar" id="cmd_agregar" value="Editar Noticia" onclick="javascript:update('<%= (String)request.getParameter("id") %>');"> 
					<input type="button" name="cmd_Cancel" id="cmd_Cancel" value="Cancelar" onclick="javascript:window.close();">
					</td>
				</tr>
			</table>
		</form>
	</div>
</body>
</html>
<%
	if (conexion != null) {
		conexion.Close();
	}
%>